//gulp 4.0版本
const gulp = require('gulp');
// 添加MD5版本很高避免缓存
const cleanCSS = require('gulp-clean-css');
//sass 转 css 使用dart-sass
const sass = require('gulp-sass')(require('sass'));
//重新命名文件或者文件夹
const rename = require('gulp-rename');
//浏览器兼容性自动补齐前缀
const autoprefixer = require('gulp-autoprefixer');
//css代码压缩
const uglifycss = require('gulp-uglifycss');

// 编译sass
gulp.task('css', () => {
  return gulp.src('./src/css/index.scss')
    .pipe(sass())
    .pipe(autoprefixer({
			browsers: ['last 2 versions', 'Android >= 4.0'],
			cascade: true, //是否美化属性值 默认：true 像这样：
			//-webkit-transform: rotate(45deg);
			//        transform: rotate(45deg);
			remove:true //是否去掉不必要的前缀 默认：true
		}))
    .pipe(cleanCSS())
    .pipe(uglifycss())
    .pipe(rename('hy-css.css'))
    .pipe(gulp.dest('./'));
});

gulp.task('default', gulp.series('css'));
